<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="telephone=no,email=no" name="format-detection"/>
    <script src="../../../../static/dist/js/lib/flexible.js" th:src="@{/dist/js/lib/flexible.js}"></script>
    <link href="../../../../static/dist/css/article.css?v=5d2bd7" rel="stylesheet"
          th:href="@{/dist/css/article.css?v=5d2bd7}"/>
    <!--/*@thymesVar id="article" type="net.huashitong.ssydt.api.article.entity.SsArticleArticle"*/-->
    <title th:text="${article.title}">文章详情页</title>
    <style id="sizechange"></style>
</head>
<body>
<!--/*@thymesVar id="article" type="net.huashitong.ssydt.api.article.entity.SsArticleArticle"*/-->
<div class="main share">
    <!-- 分享下载banner -->
    <div class="share-banner">
        <img src="../../../../static/dist/img/@2x/logo.png" th:src="@{/dist/img/@2x/logo.png}"/>
        <span>新版时事一点通，E-AI智能刷题，全新优化，强势来袭！</span>
        <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt">打开</a>
    </div>
    <!-- 文章 -->
    <article th:attr="data-id=${article.id}">
        <!-- 标题 -->
        <div class="head padding-side bottom-line">
            <h1 class="title" th:text="${article.title}">2017年4月20日时事政治（国内）</h1>
            <div class="info clearfix">
                <!--/*@thymesVar id="user" type="net.huashitong.user.results.User"*/-->
                <span class="icon pull-left" th:if="${user.imageUrl == null }"
                      th:style="'background-image: url(' + @{/dist/img/@2x/head.png} + ')'"></span>
                <span class="icon pull-left" th:unless="${user.imageUrl == null }"
                      th:style="'background-image: url(' + ${user.imageUrl} + ')'"></span>
                <span class="source pull-left" th:text="${user.nickname}">华叔</span>
                <span class="time pull-left" th:text="${#dates.format(article.gmtCreate, 'yyyy-MM-dd HH:mm:ss')}">2017-04-20 9:20:54</span>
                <span class="views pull-right">阅读 <em th:text="${article.clickNumber}">6666</em></span>
            </div>
        </div>
        <!-- 内容 -->
        <!--/*@thymesVar id="articleText" type="net.huashitong.ssydt.api.article.entity.SsArticleArticleText"*/-->
        <div class="content padding-side" th:utext="${articleText.content}">
            <p>
                1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
            <p>
                1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
            <p>
                1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
        </div>
        <!-- 操作 -->
        <!--/*@thymesVar id="isEvaluation" type="java.lang.Boolean"*/-->
        <div class="control padding-side" th:if="${isEvaluation }">
            <a class="btn-A" id="mastered" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt">已掌握，去测评</a>
        </div>
    </article>
    <!-- 相关资讯 -->
    <!--/*@thymesVar id="articleList" type="java.util.List<SsArticleArticle>"*/-->
    <section class="relative padding-side" th:if="${articleList.size() gt 0} ">
        <div class="relative-header clearfix">
            <h2 class="pull-left">相关资讯</h2>
        </div>
        <ul>
            <li class="top-line" th:each="articleItem,iterStat : ${articleList}">
                <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt" th:text="${articleItem.title}">2017年4月19日时事政治（国内）</a>
            </li>
        </ul>
    </section>
    <!-- 评论 -->
    <section class="comment padding-side">
        <div class="comment-header clearfix">
            <h2 class="pull-left">评论</h2>
        </div>
        <!--/*@thymesVar id="commentList" type="java.util.List"*/-->
        <ul class="comment-list top-line" th:if="${commentList.size() gt 0}">
            <p class="comment-style">热门评论</p>
            <li class="comment-item bottom-line clearfix" th:each="commentItem,iterStat : ${commentList}"
                th:attr="data-id=${commentItem.id}">
                <div class="comment-head pull-left"
                     th:style="'background-image: url(' + ${commentItem.user.imageUrl} + ')'"></div>
                <div class="comment-content">
                    <div class="clearfix">
                        <p class="name" th:text="${commentItem.user.nickname}">我是用户名啊</p>
                        <span class="time pull-left"
                              th:text="${#dates.format(commentItem.gmtCreate, 'yyyy-MM-dd HH:mm:ss')}">2017-05-09 11:14:50</span>
                        <span class="good pull-right"
                              th:class="${commentItem.praise}? 'good pull-right active animate' : 'good pull-right'">
                            <em class="pull-left" th:text="${commentItem.praiseNumber}">9</em>
                            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt">
                                <i class="pull-left"></i>
                            </a>
                        </span>
                    </div>
                    <div class="text" th:text="${commentItem.content}">我回复了这篇文章,你说吧我要是回复的很长会怎么样呢？？</div>
                    <!-- 回复别人 -->
                    <div class="post" th:if="${commentItem.quoteComment != null}">
                        <p class="name" th:text="${commentItem.quoteComment.user.nickname}">用户1</p>
                        <div class="text" th:text="${commentItem.quoteComment.content}">我回复了这篇文章,你说吧我要是回复的很长会怎么样呢？</div>
                    </div>
                    <div class="action clearfix">
                        <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt"
                           class="reply pull-right"><em class="pull-left">回复</em><i
                                class="pull-left"></i></a>
                    </div>
                    <!-- 作者回复 -->
                    <div class="author top-line" th:if="${commentItem.authorReply != ''}">
                        <p class="name">作者回复：</p>
                        <div class="text" th:text="${commentItem.authorReply}">就是这样</div>
                    </div>
                </div>
            </li>

        </ul>
        <div class="comment-more" th:if="${commentList.size() gt 0}">
            <a class="btn-B" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt">查看更多评论</a>
        </div>
        <div class="article-no-comment top-line" th:if="${commentList.size() le 0}">
            <div class="container">
                <div></div>
                <p>没有评论看哦！</p>
            </div>
        </div>
    </section>
    <!-- app底部nav -->
    <!--<footer class="article-nav"></footer>-->
</div>
<!-- 测评按钮 -->
<!--/*@thymesVar id="isEvaluation" type="java.lang.Boolean"*/-->
<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.huashitong.ssydt">
    <button class="btn-round" id="test" th:if="${isEvaluation }">测评</button>
</a>
<!--<script type="text/javascript" src="../../../../static/dist/js/article.js?v=5d2bd7"-->
        <!--th:src="@{/dist/js/article.js?v=5d2bd7}"></script>-->
</body>
</html>